/* custom font */
@import url('./font/Roboto.css');

/* general colors */
a { color:#00c8ff; text-decoration:none; }
a:hover { color:#66e0ff; }

body {
  font-family:'Roboto',sans-serif;
  background: linear-gradient(180deg,#000a1f 0%,#001133 100%);
  color:#ffffff;
}

button {
  background:#0033a0;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:6px 14px;
  cursor:pointer;
  box-shadow:0 0 8px rgba(0,80,200,0.4);
  transition:0.3s;
}
button:hover {
  background:#0048d1;
  box-shadow:0 0 12px rgba(0,150,255,0.6);
}

input,textarea,.post_input_container {
  background:#030f2a;
  font-family:'Roboto',sans-serif,'FontAwesome';
  border:1px solid rgba(0,80,200,0.25)!important;
  color:#fff;
  border-radius:4px;
  padding:6px;
  transition:0.3s;
}
input:focus, textarea:focus {
  border-color:#00c8ff;
  box-shadow:0 0 6px rgba(0,200,255,0.4);
  outline:none;
}

.setdef { color:#fff; }

/* cookie box */
.cookie_wrap {
  background:#041236;
  color:#ffffff;
  border:1px solid #0033a0;
  border-radius:6px;
  padding:12px 16px;
  box-shadow:0 0 10px rgba(0,64,255,0.33);
}
.cookie_wrap button {
  background:#0033a0;
  color:#fff;
  border:none;
  border-radius:4px;
  padding:6px 12px;
  margin-left:6px;
  cursor:pointer;
  transition:0.3s;
}
.cookie_wrap button:hover {
  background:#0048d1;
  box-shadow:0 0 8px rgba(0,200,255,0.8);
}

/* item backgrounds */
.bback { background:rgba(255,255,255,0.05); }
.bbackb { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); }
.bhover:hover { background:rgba(255,255,255,0.05); }
.bbackhover { background:rgba(255,255,255,0.05); }
.bbackhover:hover { background:rgba(255,255,255,0.03); }
.bbackhoverb { background:rgba(255,255,255,0.05); }
.bbackhoverb:hover { background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.05); }
.blisting { border-bottom:1px solid rgba(255,255,255,0.03); }
.blisting:hover { background:rgba(255,255,255,0.04); }
.blist { border-bottom:1px solid rgba(255,255,255,0.03); }

/* private panel top */
.back_ptop{background:#041236;color:#fff}

/* menus */
.bpmenu:hover { background:rgba(255,255,255,0.05); }
.bsub { background:rgba(255,255,255,0.04); }
.bsub:hover { background:rgba(255,255,255,0.08); }
.bmenu, .submenu { border-bottom:1px solid rgba(255,255,255,0.03); }
.bmenu:hover, .submenu:hover { background:rgba(255,255,255,0.03); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(0,0,0,0.4); }

/* selected states */
.bselected { background:#002266; }
.rselected { background:#002266; }
.pselected { color:#0033a0; }
.cselected, .liked { background:rgba(255,255,255,0.08); }
.pag_btn { background:rgba(255,255,255,0.05); }
.pagselected, .pag_btn:hover { background:rgba(255,255,255,0.1); }

/* tags */
.gtag { background:#3b6cff; border:1px solid rgba(255,255,255,0.05); }

/* borders */
.bborder { border-bottom:1px solid rgba(123,134,171,0.149); }
.tborder { border-top:1px solid rgba(123,134,171,0.149); }
.lborder, .ppanel { border-left:1px solid rgba(123,134,171,0.149); }
.rborder { border-right:1px solid rgba(123,134,171,0.149); }
.fborder { border:1px solid rgba(123,134,171,0.149); }
.float_top,.float_ctop { border-bottom:1px solid rgba(123,134,171,0.149); }

/* headers, footers */
.bhead,.bfoot{
  background:linear-gradient(180deg,#0048d1 0%,#0033a0 35%,#002266 70%,#001133 100%);
  color:#fff;
  box-shadow:inset 0 3px 6px rgba(255,255,255,0.3), inset 0 -3px 6px rgba(0,0,0,0.45), 0 10px 25px rgba(0,0,0,0.65);
}
.modal_top,.pro_top { background:#041236; color:#fff; }
.foot { background:#000a1f; border-top:1px solid rgba(123,134,171,0.149); color:#fff }

/* backgrounds */
#intro_top,.backglob{
  background:#000a1f url('./images/background.png') no-repeat center/cover;
}
.back_chat{background:rgba(0,8,30,0.64);}
.back_priv{background:#000a1f;}
.back_panel{background:rgba(0,8,30,0.64);}
.back_pmenu{background:rgba(0,8,30,0.64);border-right:1px solid rgba(123,134,171,0.149);}
.back_input{background:rgba(0,8,30,0.86);border-top:1px solid rgba(255,255,255,0.05);}
.back_modal{background:#06143c;}
.page_element,.back_quote,.back_menu,.back_box{background:#001133}

/* theme colors */
.theme_color { color:#3b6cff; }
.default_color { color:#274293; }
.error  { color:#0033a0; }
.success { color:#74b20e; }
.warn { color:#f5a91e; }

/* buttons */
.theme_btn, .back_theme { background:#0033a0; color:#fff; }
.default_btn, .back_default { background:#274293; color:#fff; }
.defaultd_btn { background:#444; color:#fff; }
.ok_btn { background:#74b20e; color:#fff; }
.warn_btn { background:#f5a91e; color:#fff; }
.delete_btn { background:#002266; color:#fff; }
.send_btn { color:#f6f6f6; }

/* text colors */
.user { color:#fff; }
.chat_system { color:#bbb; }
.offline { opacity:0.5; }
.menui { color:#fff; }
.subi { color:#fff; }
.reply_item { background:#0a1b4d; }
.main_post_item { color:#7b87a8; }
.input_item { color:#7b87a8; }

/* private bubbles */
.target_private, .hunt_quote {color:#fff; background:#274293;}
.hunter_private, .targ_quote {color:#fff; background:#3b6cff;}

/* quotes */
.cquote { background:rgba(255,255,255,0.08) !important; }
.cqname { color:#fff; }
.cqmess { color:#bbb; }

/* tabs & modal */
.tab_menu{background:#041236;box-shadow:0 1px 3px rgba(0,0,0,0.4);}
.tab_selected { background:rgba(255,255,255,0.05); }
.modal_mback { background:rgba(255,255,255,0.04); }
.modal_mborder { border-bottom: 1px solid rgba(255,255,255,0.08); }
.modal_selected { background:rgba(255,255,255,0.08); }
.modal_back { background-color:rgba(0,0,0,0.6); }

/* logs */
.log2 { background:rgba(255,255,255,0.01); }
.topic_log{background:rgba(28,43,83,0.55);color:#fff;margin:5px auto;border-radius:4px;width:95%;max-width:800px;}
.chat_log:not(:last-child){border-bottom:1px dashed rgba(255,255,255,0.09);}
.sys_log { }

/* misc */
.bprogress { background:#74b20e; color:#fff; }
.bnotify { background:#0033a0; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }
.sub_date,.sub_chat,.sub_priv{font-weight:700;color:#bbb}
.sub_text, .list_mood  { color:#bbb; font-weight:300;}
.plikes { background-color:rgba(100,100,100,0.2); color:#fff; }
.bspin { color:rgba(255,255,255,0.3); }
.my_notice { color:#fff; background:#3b6cff; }
.system_text { background:rgba(255,255,255,0.05); color:#888; }
.back_page { background:#000a1f; color:#fff; }
.post_video { background:rgba(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background:#fff; }
.boom_slider .ui-state-default { background:#3b6cff !important; }
.boom_slider .ui-state-active { background:#2a5cf1 !important; }
.boom_slider .ui-slider-range { background:#3b6cff; }

/* select */
.selectboxit-list,.selectboxit-btn{background-color:#0033a0;border:1px solid rgba(123,134,171,0.149);color:#fff}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor{background-color:rgba(255,255,255,0.08);color:#fff}
.selectboxit-default-arrow{border-top:4px solid #bbb}
.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active{background:#041236;box-shadow:inset 0 0 30px rgba(0,0,0,0.439);color:#fff}
.selectboxit-options{background:#0a1b4d;color:#fff}
.selectboxit-list .selectboxit-option-anchor{color:#bbb}

/* custom */
.modal_in { border:1px solid rgba(255,255,255,0.01); } 

/* responsive */
@media screen and (max-width: 1200px){
    .back_panel,.back_pmenu{background:rgba(0,8,30,0.90)}
}